<!DOCTYPE html>
<html>
<head>
<!-- This page was generated by CAT-SOOP (v{cs_version}).  miau. -->

<meta charset="UTF-8" />
<title>{cs_title}</title>
<link rel="icon" href="{cs_icon_url}" type="image/gif" />

<!-- jQuery and Bootstrap and SweetAlert -->
<script src="BASE/scripts/jquery.js"></script>
<link rel="stylesheet" href="BASE/themes/bootstrap.css" />
<script src="BASE/scripts/bootstrap.js"></script>
<link rel="stylesheet" href="BASE/themes/sweetalert2.css" />
<script src="BASE/scripts/sweetalert2.js"></script>

<!-- automatically adjust the top padding so that the whole page is visible even if the navbar's height changes -->
<script type="text/javascript">
$(document).ready(function(){{$('#myPage').css('padding-top',0)}});
var catsoop = {{plugins: {{}}}};
</script>

<!-- Additional styling specific for course-->
<link rel="stylesheet" type="text/css" href="{cs_theme}" />

<!-- load in katex and mathjax, and CAT-SOOP-specific math rendering  -->
<script type="text/javascript" src="BASE/scripts/katex/katex.min.js"></script>
<link rel="stylesheet" type="text/css" href="BASE/scripts/katex/katex.min.css" />
<script type="text/javascript" src="BASE/scripts/mathjax/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script type="text/javascript" src="BASE/scripts/cs_math.js"></script>

<!-- CAT-SOOP Hashing -->
<script type="text/javascript" src="BASE/scripts/cs_hash.js"></script>

<!-- Syntax Highlighting -->
<link rel="stylesheet" href="BASE/scripts/highlight/styles/catsoop.css" />
<script type="text/javascript" src="BASE/scripts/highlight/highlight.pack.js"></script>
<script type="text/javascript">
hljs.initHighlightingOnLoad();
</script>

{cs_scripts}

<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body id="myPage">
{cs_content}
</body>
</html
